<!DOCTYPE html>
<html lang="ru">
    <head>
    <meta charset="utf-8">
    <title>HTML Academy: Барбершоп</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <header class="main-header SHOWME1">
        <div class="center-container clearfix SHOWME2">
            <nav class="main-navigation SHOWME3">
                <div class="logo-container">
                    <img src="img/barbershop_logo.png" width="111" height="24" alt="Барбершоп">
                </div>
                <div class="main-navigation-menu">
                    <ul class="main-navigation-menu-links">
                        <li class="a1"><a class="btn" href="#">Информация</a></li>
                        <li class="a1"><a class="btn" href="#">Новости</a></li>
                        <li><a class="btn" href="#">Прайс-лист</a></li>
                        <li><a class="btn" href="#">Магазин</a></li>
                        <li><a class="btn" href="#">Контакты</a></li>
                    </ul>
                </div>
            </nav>
            <div class="login SHOWME3">
                <a class="btn" href="#">Вход</a>
            </div>
        </div>
    </header>
    <main class="main-content-site2">
        <div class="center-container clearfix SHOWME1">
            <h1 class="main-title-site2">Набор для путешествий «Baxter of California»</h1>
            <nav class="breadcrumbs-site2">
                <ul class="breadcrumbs-links">
                    <li><a href="#">Главная</a></li>
                    <li><a href="#">Магазин</a></li>
                    <li><a href="#">Средства для ухода</a></li>
                    <li><a href="#">Набор для путешествий «Baxter of California»</a></li>
                </ul>
            </nav>
            <section class="catalog-site2 SHOWME2">
                <img class="catalog-site2-item" src="img/item_1_main_big.jpg" width="460" height="498" alt="Набор для путешествий «Baxter of California»">
                <img class="catalog-site2-item" src="img/item_1_main_view_1.jpg" width="140" height="149" alt="Набор для путешествий «Baxter of California»">
                <img class="catalog-site2-item" src="img/item_1_main_view_2.jpg" width="140" height="149" alt="Набор для путешествий «Baxter of California»">
                <img class="catalog-site2-item" src="img/item_1_main_view_3.jpg" width="140" height="149" alt="Набор для путешествий «Baxter of California»">
            </section>
            <section class="about-item SHOWME2">
                <p>
                    <span class="item-stock">Есть в наличии</span>
                    <span class="item-name">Артикул: Dexter-AE</span>
                </p>
                <p class="item-description">
                    Travel Kit – необходимый аксессуар во время любого путешествия. В аккуратной кожанной сумке находится все, что нужно для бритья и ухода за кожей во время рабочей поездки или отдыха: средство для умывания, увлажняющий крем, крем для бритья, крем после бритья, шампунь. Набор также может стать отличным подарком.
                </p>
                <span class="item-price">300 руб.</span>
                <a class="btn" href="#">Купить</a>
            </section>
            <section class="item-contents SHOWME2">
                <h2 class="item-contents-title">
                    В набор входят:
                </h2>
                <ul class="item-contents-details">
                    <li>Средство для умывания (50 мл)</li>
                    <li>Увлажняющий крем (50 мл)</li>
                    <li>Крем дял бритья (50 мл)</li>
                    <li>Крем после бритья, шампунь (50 мл)</li>
                    <li>Удобная кожанная косметичка</li>
                </ul>
            </section>
        </div>
    </main>
    <footer class="main-footer SHOWME1">
        <div class="center-container SHOWME2">
            <div class="footer-contacts SHOWME3">
                Барбершоп «Бородинский»<br> Адрес: г. Санкт-Петербург, Б. Конюшенная, д. 19/8<br>
                <a href="#">Как нас найти?</a><br> Телефон: +7 (812) 666-02-66
            </div>
            <div class="footer-social SHOWME3">
                <p>Давайте дружить!</p>
                <a class="social-btn social-btn-vk" href="#">Вконтакте</a>
                <a class="social-btn social-btn-fb" href="#">Фейсбук</a>
                <a class="social-btn social-btn-inst" href="#">Инстаграм</a>
            </div>
            <div class="footer-copyright SHOWME3">
                <p>Разработано:</p>
                <a class="btn" href="https://htmlacademy.ru">HTML Academy</a>
            </div>
        </div>
    </footer>
</body>
</html>